﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="Trathat.index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<div style="width: 100%; height: 100%;">
    <div class="box_skitter box_skitter_large">
	    <ul>
            <li><a href="#cube"><img src="../images/001.jpg" class="cube " style="width: 690px; height:250px;" /></a><div class="label_text"><p>cube</p></div></li>
	        <li><a href="#cubeRandom"><img src="../images/002.jpg" class="cubeRandom"  style="width: 690px; height:250px;"/></a><div class="label_text"><p>cubeRandom</p></div></li>
		    <li><a href="#block"><img src="../images/003.jpg" class="block"  style="width: 690px; height:250px;"/></a><div class="label_text"><p>block</p></div></li>
			<li><a href="#cubeStop"><img src="../images/004.jpg" class="cubeStop"  style="width: 690px; height:250px;"/></a><div class="label_text"><p>cubeStop</p></div></li>
			<li><a href="#cubeHide"><img src="../images/005.jpg" class="cubeHide"  style="width: 690px; height:250px;"/></a><div class="label_text"><p>cubeHide</p></div></li>
            <li><a href="#cubeSize"><img src="../images/006.jpg" class="cubeSize"  style="width: 690px; height:250px;"/></a><div class="label_text"><p>cubeSize</p></div></li>
		</ul>
	</div>
</div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:DataList ID="listBaiviet" runat="server" DataKeyField="ID" RepeatColumns="2" OnItemDataBound="listBaiviet_dataBound">
        <ItemTemplate>
            <div id="blockBaiviet" style="height: 360px; width:370px;">
                <div style="padding-right: 2px;">
                    <div style="padding-left: 10px; padding-top: 15px; height:40px; font-weight: bold; background-image: url('http://localhost:1521/Image/header.png'); background-repeat: no-repeat;">
                        <div style="color:#fff; font-weight:bold;"><%# Eval("Header")%></div>
                    </div>
                </div>
                <div style="width: 150px; height: 150px; float: left; margin-right: 5px; margin-top: 10px;">
                    <img src='<%# Eval("Anhdaidien") %>' style="width: 150px; height: 150px;" />
                </div>
                <div style="margin-top: 10px;">
                    <asp:LinkButton ID="LinkButton1" runat="server" Text='<%# Eval("Tenbaiviet") %>' Font-Bold="True" Font-Size="Larger" ForeColor="#282828"></asp:LinkButton>
                    <br />
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("shortcut") %>' Font-Size="Medium" />
                </div>
                <br />
                 <asp:DataList ID="listBaivietKhac" runat="server" DataKeyField="ID" ForeColor="#0066FF" Font-Underline="False">
                     <ItemTemplate>
                        >> <asp:LinkButton ID="LinkButton1" runat="server" Text='<%# Eval("Tenbaiviet") %>' ForeColor="#0066FF" Font-Underline="False"></asp:LinkButton>
                        <br />
                     </ItemTemplate>
                 </asp:DataList>
            </div>
        </ItemTemplate>
    </asp:DataList>
</asp:Content>
